.page_wrapper{
	width:990px;	
}

A:link {
 COLOR: #2153AA;
}

A:hover {
 COLOR: #2153AA;
}

form div.error{
	color:red;
	float:right;
	margin-left:10px;
}

.clear{
	clear:both;
}

.featurebox_center{
	position:relative;
	min-height: 240px;
}

.editprofile{
	position:absolute;
	top:10px;
	right:10px;
	width:97px;
	height:23px;
	background-image:url("../img/editarperfil.jpg");
}

/************************** ALERTAS / NOTIFICACIONES MSGS **************************/
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}

.textCentered {
text-align: center;
}

/************************** Seccion SELECCION Edicion del perfil ****************************/

/* Contenedor del panel de la izquierda */
#globalContainer {
    width: 981px;
    margin: 0 auto;
    position: relative;
}

#editContent{
	margin: 0;
    padding: 0;
    width: auto;
}

#mainContainer {
    display: block;
    /*float: left;*/
    margin-left: -1px;
    width: 970px;
    border-right: 1px solid #CCCCCC;
}


#leftColContainer{
	float:left;
	padding-right:2px;
	width:179px
}

#leftCol{
	min-height:600px;
    padding-top: 59px;
    float: left;
    width: 179px;
    word-wrap: break-word;
}

/* Contenedor de los links de edicion del menu izquierdo */

.uiFutureSideNav {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase
}

#sideNav {
	margin-top:16px
}

/* UL de los items de edicion */
.uiSideNav {
	padding-bottom:2px;
	list-style-type: none;
    margin: 0;
    padding: 0;
}


/* LI de los items de edicion */
.uiSideNav .sideNavItem{
	margin-left: -20px;
    padding-right: 20px;
    width: 179px;
    height: 21px;
}

.sideNavItem:hover a.selected{
	visibility:visible
}

.uiSideNav .item {
	margin-left: 20px;
	margin-right: -20px;
	border-bottom: 1px solid #FFFFFF;
	color: #333333;
	display: block;
	line-height: 13px;
	min-height: 17px;
	padding: 3px 8px 0 28px;
	text-decoration: none;
}

.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover{
	background-color:#d8dfea;
	font-weight:bold
}

.uiSideNav .item:hover, .uiSideNav .item:active, .uiSideNav .item:focus {
    background-color: #EFF2F7;
    text-decoration: none;
}

/* Margen a la izquierda de cada elemento del panel izq*/
.uiSideNav .buttonWrap{
	clear:left;
	float:left;
	height:20px;
	text-align:right;
	width:20px
}

/* Para los links de cada item */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix{
	zoom:1
}

/* Para el ajax loader gif al elegir cada item de edicion */
.rfloat{
	float:right
}

/* Para las fotos de cada item de los LI */

.editItemIconsA {
	background-image: url("../img/editIcons1.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.editItemIconsC {
	background-image: url("../img/editIcons3.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.editBasicInfoIcon {
	background-position: -85px -45px;
    height: 14px;
}

.editProfilePhotoInfoIcon {
	background-position: -88px -27px;
}

.editContactInfoIcon {
	background-position: 0 0;
    height: 18px;
}

.editIconContainer {
	float: left;
    margin-left: -22px;
    margin-top: -1px;
    width: 18px;
}



/************************ Seccion CONTENIDO Edicion del perfil ****************************/
#contentCol .secciones {
	margin:0px;
	padding:0px;
}

#contentCol .secciones li{
	list-style:none;
	float:left;	
	width:25%;
	background-color:#333333;
	color:#FFF;
	
}

#contentCol .secciones li a{
	color:#FFF;
	text-decoration:none;
	padding:10px;
	display:block;
	text-align:center;
}

#contentCol .secciones li.selectedItem,#contentCol .secciones li:hover{
	background-color:rgb(128, 128, 128);	
} 
	


#contentCol {
	border-left: 1px solid #CCCCCC;
	/*margin-left: 181px;*/
	background-color: #FFFFFF;
	/*padding-top: 15px;*/
	margin-bottom:20px;
}

#mainContainer #contentArea {
    padding: 0;
    /*width: 799px;*/
    width:100%;
}

#contentArea {
    float: left;
    margin-right: 0;
    word-wrap: break-word;
}

.uiHeaderPage {
    padding: 0px 0 0px;
}

.uiHeaderPage .uiHeaderActions {
    margin-top: -1px;
}

.mhl {
    margin-left: 20px;
    margin-right: 20px;
}

.uiHeaderPage .uiHeaderTitle {
    line-height: 20px;
    min-height: 20px;
    padding-bottom: 2px;
    vertical-align: bottom;
}

.uiHeader .uiHeaderTitle {
    outline: medium none;
}
.uiHeader h2 {
    color: #1C2A47;
    font-size: 16px;
}

.mhs {
    margin-left: 5px;
    margin-right: 5px;
}

.navArrow {
	background-position: -167px -45px;
	height: 9px;
	width: 11px;
}

/* Para el contenido dentro del contentCol, lo anterior era para el header de contentCol */
.grayArea {
    border-top: 1px solid #B3B3B3;
    min-height: 253px;
}
.pal {
    padding: 20px;
}

.noborder {
    border: medium none;
}

.uiBoxGray {
    background-color: #FFFFF6;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* ************************* JQUERY TABS ************************************** */
ul.tabs { 
	margin: 0; 
	padding: 0; 
	float: left; 
	list-style: none; 
	height: 32px; 
	border-bottom: 1px solid #999; 
	border-left: 1px solid #999; 
	width: 100%; 
}

ul.tabs li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	height: 31px; 
	line-height: 31px; 
	border: 1px solid #999; 
	border-left: none; 
	margin-bottom: -1px; 
	overflow: hidden; 
	position: relative; 
	background: #e0e0e0; 
}

ul.tabs li a { 
	text-decoration: none; 
	color: #000; 
	display: block; 
	font-size: 1.2em; 
	padding: 0 20px; 
	border: 1px solid #fff; 
	outline: none; 
}

ul.tabs li a:hover { 
	background: #ccc; 
}

html ul.tabs li.active, html ul.tabs li.active a:hover { 
	background: #fff; 
	border-bottom: 1px solid #fff; 
}

.tab_container { 
	border: 1px solid #999; 
	border-top: none; 
	overflow: hidden; 
	clear: both; 
	float: left; 
	width: 100%; 
	background: #fff; 
}

.tab_content { 
	padding: 20px 10px; 
	font-size: 1.2em; 
}
 

/* ************************* Form Edicion Profile Picture ********************* */

input.floatedLeftInput {
	float: left;
}

div.floatLeft {
	float: left;
}

div.thumbnail {
	/*width: 30%;*/
	margin-bottom: 5%;
}

div.photoFileBrowser {
	/*width: 70%;*/
	margin-left:15px;
	/*text-align: justify;*/
}

div.photoFileBrowser div {
	/*padding: 0% 18%;*/
}

div#photoFormLabel {
	margin-bottom: 4%;
}

label.nowrap {
	white-space: nowrap;
	width: auto;
}

label.thumbnail {
	font-size: 0.75em;
}

form#ProfilePictureForm{
	overflow: visible !important;
}

/*********** RESULTADOS DE BUSQUEDA ****************************/

.usuarios {
	padding:0px;	
}

.usuarios li.usuario:hover{
	-moz-box-shadow: 0 8px 8px -5px #999;
	-webkit-box-shadow: 0 8px 8px -5px #999;
	-o-box-shadow: 0 8px 8px -5px #999;
	box-shadow: 0 8px 8px -5px #999;
	margin-top: -2px;
	/*margin-bottom: 12px;*/
	background-color:#F3F3F3;
	height:124px;
}

.usuarios li.usuario .checkuser{
	position:absolute;
	right:10px;
	top:10px;	
}

.usuarios li.usuario .verperfil{
	position:absolute;
	right:20px;
	bottom:10px;
	color:#00F;
}

.usuarios li.usuario a{
	display:block;
	color:#000;	
}

/* .usuarios li.usuario:nth-child(odd){
	background-color:#E7E7E7;
}

 .usuarios li.usuario:nth-child(even){
	background-color:#F3F3F3;
}*/

.usuarios li.usuario img.foto{
	float:left;
	margin-right:10px;
}

.usuarios li.usuario .info{
	float:left;	
}

.usuarios .checkuser{
	float:left;	
}


/*********** FIN RESULTADOS DE BUSQUEDA ************************/

/*********** RESULTADOS DEL MATCHING (TODO: mismo q busqueda... alan reutilizar! ****/

.usuarios {
	padding:0px;	
}

.usuarios li.usuario{
	margin-bottom:5px;	
	padding:13px;
	list-style:none;
	float:left;
	width:270px;
	border: 1px solid;
	border-color: #d1d1d1 #d1d1d1 #a7a7a7 #d1d1d1;
	background-color: #f9f9f9;	
	position:relative;
	margin-right:10px;
	height:122px;
}

.usuarios li.usuarioconflict{
	height:222px;
}

.usuarios li.usuario:hover{
	-moz-box-shadow: 0 8px 8px -5px #999;
	-webkit-box-shadow: 0 8px 8px -5px #999;
	-o-box-shadow: 0 8px 8px -5px #999;
	box-shadow: 0 8px 8px -5px #999;
	margin-top: -2px;
	/*margin-bottom: 12px;*/
	background-color:#F3F3F3;
	height:124px;
}

.usuarios li.usuarioconflict:hover{
	height:224px;
}


.usuarios li.usuario .checkuser{
	position:absolute;
	right:10px;
	top:10px;	
}

.usuarios li.usuario .verperfil{
	position:absolute;
	right:20px;
	bottom:10px;
	color:#2153AA;
}
.usuarios li.usuario .verperfillinkedin{
	position: absolute;
	right: 100px;
	bottom: 10px;
	color: #2153AA;
}

.usuarios li.usuario a{
	display:block;
	color:#2153AA;	
}

.usuarios li.usuario a .info{
	display:block;
	color:#000;	
}

/*#massiveSaveForm .usuarios li.usuario:nth-child(odd){
	background-color:#E7E7E7;
}

#massiveSaveForm .usuarios li.usuario:nth-child(even){
	background-color:#F3F3F3;
}*/

.usuarios li.usuario img.foto{
	float:left;
	margin-right:10px;
}

.usuarios li.usuario .info{
	float:left;	
	width:140px;
	overflow:hidden;
}

.usuarios li.usuario .info .item{
	margin-bottom:5px;	
}

.usuarios .checkuser{
	float:left;
	
}

/***************** FIN ********************/



/***************** PAGINA DE PERFIL *********************/

.perfil .box-datos{
	background: #F4F4F4;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
	margin-bottom: 10px;
	position:relative;
	width:100%;
}
	
.perfil .box-datos .titulo{
	width:100%;
} 
	
.perfil .box-datos .titulo h2{
	margin:0px;
	padding: 9px 20px;
	display: inline-block;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	background-color: #333333;
	font-size: 13px;
	font-weight: normal;
	cursor:pointer;
}

.perfil .box-datos .contenido {
	padding:20px;	
}

.perfil .box-datos .contenido .foto{
	float:left;
	margin-left:-20px;
	margin-right:20px;
	background-color:#F4F4F4;
	padding:20px 20px;
	width:120px;
}

.perfil .box-datos .contenido .datos{
	float:left;
	width:565px;
}

.perfil .box-datos .contenido .datos .name{
	font-size:24px;
	font-weight:bold;
}

.perfil .box-datos .contenido .datos .email{
	font-size:18px;
	font-weight:normal;
	margin-top:5px;
}


.perfil .box-datos .contenido .datos .showingField {
	overflow:hidden;	
	height:auto;
	margin-top:10px;
	border-bottom: 1px dotted #2153AA;
	padding-bottom: 10px;	
}

.perfil .box-datos .contenido .datos .showingField:last-child {
	border-bottom:none;	
}

.perfil .box-datos .contenido .datos .showingField .fieldName{
	color: #999999;
	font-size:11px;
	float:left;
	width:200px;
	font-size:13px;
	width:20%;
}

.perfil .box-datos .contenido .datos .showingField .fieldContent{
	font-size:15px;
	width:80%;
}

.perfil .box-datos .contenido .acciones{
	float:right;
	width:20%;
}

.perfil .box-datos .contenido .acciones .boton{
	float:right;
	text-transform: uppercase;	
}

.perfil .box-datos .contenido .datos .showingField .fieldContent ul{
	padding:0px;
	margin:0px;	
}

.perfil .box-datos .contenido .datos .showingField .fieldContent ul li{
	list-style: none;
	margin-bottom: 5px;
	border-bottom: 1px solid #DDD;
	padding-top: 5px;
	padding-bottom: 10px;	
}

.perfil .box-datos .contenido .datos .showingField .fieldContent ul li:last-child{
	border-bottom: none;
}

.perfil .box-datos .contenido .datos .profileSkills .fieldContent ul li{
	display:inline-block;
	border-radius: 3px;
	background-color: #f0f0f0;
	padding:6px 13px;
	margin: 0px 10px 10px 0px;
	border-bottom: none;
}


/***************** FIN PAGINA DE PERFIL **************/

body{
	background-image: url("../img/bg.png");
	font-size: 13px;
	font-family: 'Arial' !important;	
}

.page_wrapper{
	background-color:transparent !important;
	border-color:transparent !important;
}


.boton, .boton:visited, .boton:active{
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	text-decoration: none !important;
	width: auto;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 0 13px;
	height: 31px;
	line-height: 29px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	color: #fff !important;
	background-color: #287bbc;
	border-color: #1b5480;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
	background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
	background-image: -moz-linear-gradient(top, #287bbc 0%,#23639a 100%);
	background-image: -o-linear-gradient(top, #287bbc 0%,#23639a 100%);
	background-image: linear-gradient(top, #287bbc 0%,#23639a 100%);
	white-space: nowrap;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	vertical-align: middle;
	margin: 5px 5px 0 0;
	white-space: nowrap;
}

.boton:hover{
	background-color: #2672ae;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2672AE', endColorstr='#FF1E4F7E');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
	background-image: -webkit-linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
	background-image: -moz-linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
	background-image: -o-linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
	background-image: linear-gradient(top, #2672ae 0%,#1e4f7e 100%);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.volver{
	background-color: #969696 !important;
	border-color: #1b5480;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
	background-image: none !important;	
}

.volver:hover{
	background-color: #7D7D7D !important;
}

/************ LOGIN ************************/

.cuadrologin{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	width: 605px;
	_width: 615px;
	margin: 0 auto;
	padding:30px;
	min-height: 0px;
}

.form .form-field label, .form .form-field-large label{
	text-align:right;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
	position:absolute;
	top:25%;
	left:0px;
}

.cuadrologin .form .form-field label{
	font-weight:bold;
	font-size:12px;
}

.cuadrologin .form .form-field input{
	font-size: 16px;
	width: 220px;
	background-color: white;
	margin:5px;
	margin-left:5px;
	margin-right:5px;
}

.cuadrologin .botonlogin{
	margin-left:187px;
}

.botoncrear{
	margin:40px auto 20px auto !important;
	display:block !important;
	width: 443px !important;
	font-size: 13px !important;
	text-transform:uppercase;
}

.botoneliminar{
	margin:40px auto 20px auto !important;
	display:block !important;
	width: 443px !important;
	font-size: 13px !important;
	text-transform:uppercase;
	text-align:center;
	background-color: #d14836;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd4b39), color-stop(100%, #d14836));
	background-image: -webkit-linear-gradient(top, #dd4b39 0%,#d14836 100%);
	background-image: -moz-linear-gradient(top, #dd4b39 0%,#d14836 100%);
	background-image: -o-linear-gradient(top, #dd4b39 0%,#d14836 100%);
	background-image: linear-gradient(top, #dd4b39 0%,#d14836 100%);
}

.botoneliminar:hover{
	background-color: #A33A2C;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A33A2C), color-stop(100%, #A33A2C));
	background-image: -webkit-linear-gradient(top, #A33A2C 0%,#A33A2C 100%);
	background-image: -moz-linear-gradient(top, #A33A2C 0%,#A33A2C 100%);
	background-image: -o-linear-gradient(top, #A33A2C 0%,#A33A2C 100%);
	background-image: linear-gradient(top, #A33A2C 0%,#A33A2C 100%);
}



/************ FIN LOGIN ************************/

.messages{
	text-align: center;
	margin:5px 0px;
}

.messages .ok{
    background-color: #32C800;
    padding: 10px;
    color: #FFFFFF;
}

.messages .error{
    background-color: #F75757;
    padding: 10px;
    color: #FFFFFF;
    display:block;
}

.profileFormContainer{
	display:none;
}

#nav li{
	position: relative !important;	
}

#nav li ul {
	margin-top:5px !important;
	margin-left:0px !important;
}

#nav li ul li {
	width: 165px !important;
}

#nav li ul li .childmenutext {
	padding: 7px !important;
}

#nav li:hover>ul{
	left:0px !important
}

#nav li ul li .hasSubmenu{
	background-image:url("../img/nav2_parent_arrow.png");
	background-position: right bottom;
	background-repeat: no-repeat;	
}

.seleccionar{
	float:left;
}

.menuacciones{
	/*float:right;*/
	/*margin-bottom:10px;*/
	position:absolute;
	top:10px;
	right:20px;
}

.menuacciones-center{
	text-align: center;
	margin-bottom: 25px;
}

.popup{
	position:fixed;
	text-align:center;
	width:320px;
	padding:20px;
	border:1px solid #000;
	background-color:#FFF;
	z-index:2;
	display:none;
	left:50%;
	top:50%;
	margin-left:-180px;
	margin-top:-50px;
}

.popup p{
	margin:0px 0px 3px 0px;
}

.popup input[type="text"]{
	vertical-align:middle;
}

.overlay{
	background-color:grey;
	opacity:0.5;
	z-index:1;
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

table.listas{
	margin: 5px auto;
	border-spacing: 0px;
	border-collapse: collapse;
	width:100%;
}

form{
	margin:0px;
}


.form{
	margin:0px auto;	
}

.form .boton{
	margin: 0px auto;
	display: block;
	margin-top: 15px;
}

.menuacciones .boton{
	display:inline-block;
	margin-top:0px !important;	
}

.menuacciones-center .boton{
	display:inline-block;	
}

.form .error{
	text-align:center;
}

#userForm{
	width:400px;
}

#updateUserForm{
	width:400px;	
}

#BasicInfoForm, #ContactInfoForm{
	width:400px;
}

#ProfilePictureForm{
	width:500px;
}

#ProfessionalInfoForm{
	width:800px
}

#SearchForm{
	width:500px;	
}

#graduateForm {
	/*width: 500px;*/
}

.menuderecha {
	float: right;
	margin-right: 0px;
	color: #F1F6FE;	
	font-weight: bolder;
}

.menuderecha  #searchInput{
	background-image: url("../img/lupa.png");
	background-position:center right;
	background-repeat: no-repeat;
	padding:3px 25px 3px 3px; 
	width:200px;
	color:rgb(185,185,185);
}

.menuderecha  #searchInput.writting{
	color:#000;
}

.menuderecha form, .menuderecha .saludo, .menuderecha .salir{
	float:left;
	margin-right:20px;
}

.menuderecha .saludo, .menuderecha .salir{
	margin-top:6px;
	color:#FFF;
}
.menuderecha .salir a{
	color:#FFF;
}

.cantidadnotificaciones{
	background-color: 6699FF;
	padding: 3px;
	margin-left: 6px;
	border-radius: 4px;
}

.emptyProfile{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:200px;
	padding:10px;
	margin:0px auto;
	background-color:#000;
	color:#FFF;
}

.formContainer500{
	width:500px;
	margin:0px auto;
}

.center{
	text-align:center !important;
}